.content-grid {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(24, 4.16%);
    grid-template-rows: repeat(8, 12.5%);
    z-index: 100;
    padding: 3px;
}

#content-grid > div{
    padding: 3px;
}

/*首行缩进*/
.indent{
    text-indent:2em;
}
.ellipsis{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#map {
    grid-area: 1 / 18 / span 5 / span 7;
}
  
#table-left {
    grid-area: 6 / 1 / span 3 / span 8;
}
  
#table-mid {
    grid-area: 6 / 9 / span 3 / span 8;
}
  
#table-right {
    grid-area: 6 / 17 / span 3 / span 8;
}

/*全屏按钮*/
.fullScreen{
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}

.fullScreen:hover{
    transform: scale(1.1);
}

/*右侧地图*/
.rightMap{
    height: 100%;
}

/*港口工程*/
.port{
    height: 100%;
    padding: 10px;
}

.portLeft{
    float:left;
    width:330px;
    height:100%;
}

.portLeft-p{
    height:calc(100% - 190px);
    font-size: 1.2em;
    line-height: 2;
    overflow: hidden;
}

.portLeft-link{
    display:block;
    font-size:1.5em;
    margin:10px 0 10px 2em;
    /* text-align: center; */
}

.portLeft-link:hover{
    color:#77fbe3;
}

.portRight{
    height:100%;
    padding:15px;
    margin-left:340px;
    text-align: center;
}

.portRight-img{
    height:100%;
    max-width: 100%;
    border-radius:5px;
}

